<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Real_Estate_4_Rent</title>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.min.js"/>">
</script>

<link href="<c:url value="/resources/style/leftmenu.css"/>" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/style/style_test.css"/>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<c:url value="/resources/js/jquery-1.11.0.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.cycle.all.js"/>"></script>
<script type="text/javascript">
	$('#slider').cycle({ 
    fx:     'scrollHorz', 
    speed:   'fast'
});
</script>
<style>
#table_compare{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

#table_compare table
{
	border-collapse:collapse;
}
#table_compare table
{
    box-shadow: 0 0 10px #BBBBBB;
}
#table_compare td, #table_compare th{
	border: 1px solid #aaa;
}
#name_amenity_compare{
	padding-left: 10px;
}

#value_amenity{
	text-align: center;
}
#image_product_compare {
	display: block;
	float: none;
	height: 150px;
	width: 240px;
	margin-left: 10px;
}

#title_compare{
	height: 30px;
	background-color: #01AEF2;
	margin-top: 5px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 3px;
}	

</style>

</head>

<body>
<!--the left menu amazon-->
<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>District 1</span></a>
		<ul class="nav_cat">
			<div id="image_backgroud_ul" style="background-image:url(images/bitexcofinal.jpg)">
				 <li class='has-sub'><a href='#'><span>Apartment</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Villa</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Rooms</span></a>
				 </li>
			</div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 2</span></a>
      <ul class="nav_cat">
          <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 3</span></a>
		<ul class="nav_cat">
         <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Phu Nhuan</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
         <li class='has-sub'><a href='#'><span>Apartment</span></a>
         </li>
         <li class='has-sub'><a href='#'><span>Villa</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Rooms</span></a>
         </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 7</span></a>
		<ul class="nav_cat">
        <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
			<li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
			</li>
            </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Tan Binh</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
        <li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
		</li>
        </div>
      </ul>
   </li>
   <li class='active nav_divider_before'>
	   	<a href='#'><span>Passport</span></a>
        <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='has-sub'>
   	<a href='#'><span>Visa</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li><a href='#'><span>Car</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='last'><a href='#'><span>Hotel</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='active'><a href='#'><span>Villa for rent</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
</ul>
</div>
<!-- end the left menu-->

<div id="top_nav_fix" style="width:950px; height:80px;"></div>
<div id="top_nav">
  <div id="navigation_test">
    <ul>
      <li><a href="#">apartments for rent</a></li>
      <li><a href="#">houses for rent</a></li>
      <li><a href="#">villas for rent</a></li>
      <li><a href="#">offices for rent</a></li>
      <li><a href="#">serviced apartments for rent</a></li>
      <li><a href="#">contact us</a></li>
      <li>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/united_kingdom.jpg"/>" style="height:25px;width:30px;"><span>English</span></img>
		</a>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/vietnam.jpg"/>" style="height:25px;width:30px;"><span>Việt Nam</span></img>
		</a>
	  </li>
    </ul>
  </div>
</div>
<div id="main_container">
  <div id="background_main">
    <div id="main">
      <div id="search">
        <h3 id="title">Find your property</h3>
        <form>
          <table width="300" height="333">
            <tr>
              <td width="61">Keyword:</td>
              <td width="202"><input type="text" style="width:180px;"/></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><label for="build"></label>
                <select name="build" id="location" style="width:185px;">
                  <option>-----All Building-----</option>
                  <option>Dong A Building</option>
                  <option>Bitexco Tower</option>
                  <option>Vincom A</option>
                </select></td>
            </tr>
            <tr>
              <td>Search:</td>
              <td><input type="checkbox" />
                For Rent
                <input type="checkbox" />
                For Sale </td>
            </tr>
            <tr>
              <td id="type">Type:</td>
              <td><input type="checkbox" />
                Apartment for rent<br/>
                <input type="checkbox" />
                House for rent<br/>
                <input type="checkbox" />
                Villa for rent <br/>
                <input type="checkbox" />
                Office for rent <br/>
                <input type="checkbox" />
                Serviced apartment for rent </td>
            </tr>
            <tr>
              <td><label>Location:</label></td>
              <td><select name="location" id="location" style="width:185px;">
                <option>--All City--</option>
                <option>Ho Chi Minh</option>
                <option>Ha Noi</option>
                <option>Da Nang</option>
              </select></td>
              <td width="10"></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><label for="district"></label>
                <select name="district" id="location" style="width:185px;">
                  <option>--All District--</option>
                  <option>District 1</option>
                  <option>District 2</option>
                  <option>District 3</option>
                </select></td>
            </tr>
            <tr>
              <td>Bedroom</td>
              <td><select name="bedroom" id="location" style="width:185px;">
                <option>--Number bedroom--</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
              </select></td>
            </tr>
            <tr>
              <td>Price:</td>
              <td><select name="price" id="location" style="width:185px;">
                <option>--Select price--</option>
                <option>< 1000 USD</option>
                <option>1000 - 2000 USD</option>
                <option>2000 - 3000 USD</option>
                <option>3000 - 4000 USD</option>
                <option>> 4000 USD</option>
              </select></td>
            </tr>
          </table>
        </form>
        <div id="advance_search"><a href="advancedSearch.html">Advance Search</a></div>
        <div id="action_search">Search Properties</div>
      </div>
      <div id="hot_property">
			<div id="wrapper">
			  <div id="container">
				<div id="slider">
					<img src="<c:url value="/resources/images/bestreal-11.jpg"/>" width="665" height="390" />
					<img src="<c:url value="/resources/images/bestreal-13.jpg"/>" width="665" height="390" />
	          	</div>
			  </div>
			</div>
		</div>
  </div>
	
	<div id="table_compare">
	<div id="title_compare">Compare</div>
	<table width="950">
  <tr height="200px">
    <td width="150">&nbsp;</td>
    <td>
		<div id="image_product_compare">
			<img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="240" height="150">
			<div id="value_amenity">Penthouse Duplex in Saigon</div>
		</div>
	</td>
    <td>
		<div id="image_product_compare">
			<img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="240" height="150">
			<div id="value_amenity">Penthouse Duplex in Saigon</div>
		</div>
	</td>
    <td>
		<div id="image_product_compare">
			<img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="240" height="150">
			<div id="value_amenity">Penthouse Duplex in Saigon</div>
		</div>
	</td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Price</td>
    <td id="value_amenity">1300$/month</td>
    <td id="value_amenity">1500$/month</td>
    <td id="value_amenity" style="color:#55AE0D;">1000$/month</td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Sqft</td>
    <td id="value_amenity">100 sqm</td>
    <td id="value_amenity" style="color:#55AE0D;">150 sqm</td>
    <td id="value_amenity" style="color:#55AE0D;">150 sqm</td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Room</td>
    <td id="value_amenity">2</td>
    <td id="value_amenity">3</td>
    <td id="value_amenity" style="color:#55AE0D;">4</td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Bedroom</td>
    <td id="value_amenity">2</td>
    <td id="value_amenity">3</td>
    <td id="value_amenity" style="color:#55AE0D">4</td>
  </tr>
  <tr height="50px">
    <td id="name_amenity_compare">Address</td>
    <td id="value_amenity">418 Tran Phu, Ward 7, District 5 418 Tran Phu, Ward 7, District 5 </td>
    <td id="value_amenity">418 Tran Phu, Ward 7, District 5 418 Tran Phu, Ward 7, District 5</td>
    <td id="value_amenity">418 Tran Phu, Ward 7, District 5 418 Tran Phu, Ward 7, District 5</td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Internet</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Balcony</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Near Hospital</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Parking</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Garden</td>
    <td id="value_amenity"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Basement</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Near Shopping Center</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Security 24/24</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Front yard</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Terrace</td>
    <td id="value_amenity"></td>
    <td id="value_amenity"></td>
    <td id="value_amenity"></td>
  </tr>
  <tr>
    <td id="name_amenity_compare">Near School</td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
    <td id="value_amenity"><img src="<c:url value="/resources/images/tick.png"/>" width="20" height="20"></td>
  </tr>
</table>
</div>
	<!-- related product -->
		<div id="product_area" class="villa_area">
  <div id="name_property"><a href="#">Apartments for rent</a></div>
  
  <div id="line1">
      <div id="col1">
		<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
		</a>
		<div id="information_detail">
			<div id="characteristic">River Side*</div>
			<div id="characteristic">Room: 2</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="price">Price: 
				<div id="highlight">1,300 USD/month</div>
			</div>
		</div>
		<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
		<a href="productDetail.html">
        	<div id="address_detail">Penthouse Duplex in Saigon</div>
        </a>
		</div>
		<div id="col2">
			<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
		</a>
		<div id="information_detail">
			<div id="characteristic">River Side*</div>
			<div id="characteristic">Room: 2</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="price">Price: 
				<div id="highlight">1,300 USD/month</div>
			</div>
		</div>
		<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
		<a href="productDetail.html">
        	<div id="address_detail">Penthouse Duplex in Saigon</div>
        </a>
		</div>
	</div>
    <div id="line2">
    	<div id="col1">
			<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
		</a>
		<div id="information_detail">
			<div id="characteristic">River Side*</div>
			<div id="characteristic">Room: 2</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="price">Price: 
				<div id="highlight">1,300 USD/month</div>
			</div>
		</div>
		<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
		<a href="productDetail.html">
        	<div id="address_detail">Penthouse Duplex in Saigon</div>
        </a>
        </div>
		<div id="col2">
			<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
		</a>
		<div id="information_detail">
			<div id="characteristic">River Side*</div>
			<div id="characteristic">Room: 2</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="price">Price: 
				<div id="highlight">1,300 USD/month</div>
			</div>
		</div>
		<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
		<a href="productDetail.html">
        	<div id="address_detail">Penthouse Duplex in Saigon</div>
        </a>
		</div>
    </div>
	<div id="line2">
    	<div id="col1">
			<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
		</a>
		<div id="information_detail">
			<div id="characteristic">River Side*</div>
			<div id="characteristic">Room: 2</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="price">Price: 
				<div id="highlight">1,300 USD/month</div>
			</div>
		</div>
		<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
		<a href="productDetail.html">
        	<div id="address_detail">Penthouse Duplex in Saigon</div>
        </a>
        </div>
		<div id="col2">
			<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
		</a>
		<div id="information_detail">
			<div id="characteristic">River Side*</div>
			<div id="characteristic">Room: 2</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="characteristic">Bethroom: 2</div>
			<div id="characteristic">Sqft: 106 sqm</div>
			<div id="price">Price: 
				<div id="highlight">1,300 USD/month</div>
			</div>
		</div>
		<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
		<a href="productDetail.html">
        	<div id="address_detail">Penthouse Duplex in Saigon</div>
        </a>
		</div>
    </div>
    <div id="more_product"><a href="#">More...</a></div>
  </div>
  </div>
  </div>
</div>
<!--end main_container-->
	<div id="product_area_footer" class="villa_area">
		<div id="name_property_footer">
			<div id="option_menu">
				<ul id="nav">
				  <li><a href="#">passport</a></li>
				  <li><a href="#">hotel</a></li>
				  <li><a href="#">rent car</a></li>
				  <li><a href="#">school</a></li>
				</ul>
			</div>
		</div>		
	</div>
	<div id="fullsupport">
		<strong>For more information contact with Mr Phuc: 0904 674 199</strong>
	</div>
</body>
</html>
